@charset "utf-8";
@import "main.less";

@media all and (min-width: 1367px){

  body{
    background-color: @bodyColor;
  }
  .a_removeStyle;

  //主体内容，限制宽度为1200px
  .main{
    .size(1200px,auto);
    .margin_Auto;
    .margin_top(3rem);
  }
  //左边内容，限制宽度800px
  .leftBody{
    .size(820px,auto);
    float: left;
    .margin_bottom(100px);
  }
  //右边内容，限制宽度350
  .rightBody{
    .size(350px,auto);
    float: left;
    margin-left: 30px;
  }
  //用户名片
  .userCard{
    .size(760px,auto);
    .margin(40px,auto);
    .card(0,0);
    padding-bottom: 16px;
  }
  //用户名片——头像
  .headPhoto{
    width: 140px;
    height: 100%;
    float: left;
    img {
      display: block;
      .margin_Auto;
      .size(100px, 100px);
    }
  }
  //用户名片——用户名
  .userInfo_userName{
    font-weight: bold;
    line-height: 60px;
    text-align:left;
    font-size: 25px;
    .margin_All(0,0,0,0);
  }
  //用户名片——称号
  .userInfo_title{
    img{
      .size(20px,20px);
    }
    .margin_All(0,0,12px,0);
  }
  //用户名片——简介
  .userInfo_intro{
    img{
      .size(20px,20px);
      float: left;
      display: block;
    }
    div{
      width: 500px;
      float: left;
      .margin_All(0,0,0,16px);
      color: #66737c;
    }
  }


  //用户资源
  .userResources{
    .size(760px,auto);
    background-color: white;
    .margin_Auto;
    .shadow_all(8px);
    .radius();
  }
  //用户资源——标签页最外层div
  .tabList{
    .padding(0,8px);
    width: 760px;
  }
  //用户资源——单个标签页
  .tab{
    height: 40px;
    line-height: 40px;
    .padding(0,16px);
    display: block;
    float: left;
    .hover_default(white,@font_blue);
  }
  .action{
    .action_border(@font_blue,3px,@font_blue)
  }
  //用户资源——标签页内容最外层div
  .tabContentList{
    background-color:white;
    float: left;
    position:relative;
  }
  //用户资源——标签页内容
  .tabContent{
    background-color: white;
    .size(760px,auto);
    display: none;
    .padding_bottom(16px);
    &:nth-child(1){
      display: block;
    }
  }
  //用户资源——资源的标题，每个标签页内容对应一个
  .module_title{
    .margin_All(16px,0,16px,24px);
    padding-left: 8px;
    .border_left(#F6A51E,5px);
    line-height: 40px;
    font-size: 24px;
    display: block;
  }
  //文章资源列表项——最外层div
  .module_article{
    .size(700px,106px);
    .margin_Auto;
    padding-top: 12px;
    background-color: white;
    .shadow_all(8px);
    .radius();
    .margin_bottom(14px);
    .hover_shadow(4px,#cadbe9,white);;
  }
  //文章资源列表项——文章封面图片
  .article_Pic{
    width: 140px;
    float: left;
    .padding(0,12px);
  }
  //文章资源列表项——文章标题
  .article_title{
    color:#4991b5;
    height: 44px;
    display: block;
    vertical-align: top;
    font-size: 20px;
  }
  .article_label{
    padding-bottom: 16px;
    span{
      font-size: 12px;
      color: @infoColor;
      .border(@infoColor,1px);
      .radius(10px);
      .padding(4px,8px);
      &:last-child{
        .border(white,0px);
        float: right;
      }
    }
  }
  //文章资源列表项——文章浏览量、评论量
  .article_info{
    float: left;
    font-size: 12px;
    height: 16px;
    img{
      float: left;
    }
    span{
      display: block;
      float: left;
      line-height: 16px;
      .margin_right(8px);
      color: #999999;
    }
  }
  //文章资源列表项——删除按钮
  .article_delete{
    float: right;
    img{
      .margin_right(24px);
      &:hover{
        background-image: url("../img/delete-red.png");
        cursor: pointer;
      }
    }
  }
  //文章资源列表项——分页按钮最外层div
  .article_page_div{
    width: 760px;
    .padding_top(16px);
    .padding_left(20px);
  }
  //文章资源列表项——分页按钮
  .article_page{
    .page_default();
    .action{
      .action_default();
    }
    li{
      .padding(10px,10px);
      .margin(0px,8px);
    }
  }
/**
*******************************
 */
  .module_question{
    .module_article;
  }
  .question_Pic{
    .article_Pic;
  }
  .question_title{
    .article_title;
  }
  .question_info{
    .article_info;
  }
  .question_delete{
    .article_delete;
  }
  .question_page_div{
    .article_page_div;
  }
  .question_page{
    .article_page;
  }
  .question_label{
    .article_label;
  }
/*
***********************
 */
  .module_answer{
    .module_article;
    .padding_bottom(8px);
    height: auto;
  }
  .answer_title{
    .padding_All(4px,0,0,8px);
    .article_title;
    height: 32px;
    color: #4991b5;
  }
  .answer_userHead{
    .size(50px,50px);
    float: left;
  }
  .answer_content{
    .padding_left(12px);
    .padding_bottom(8px);
    .size(600px,auto);
    float: left;
    color: @contentColor;
  }
  .answer_info{
    height: 16px;
    font-size: 14px;
    float: left;
    color: @infoColor;
    .padding_left(16px);
    img{
      float: left;
    }
    span{
      margin-right: 16px;
      display: block;
      float: left;
      line-height: 16px;
      color: #999999;
    }
  }
  .answer_delete{
    float: right;
    .margin_right(20px);
    &:hover{
      background-image: url("../img/delete-red.png");
      cursor: pointer;
    }
  }
  /**
  ***************
   */
  .module_test{
    .module_article;
  }
  .test_Pic{
    .article_Pic;
  }
  .test_title{
    .article_title;
  }
  .test_result{
    color: #3fcaa2;
    margin-bottom: 16px;
  }
  .test_info{
    .article_info;
  }



  //签到——最外层div
  .sign{
    .size(350px,398px);
    background-color: white;
    .margin(40px,auto);
    .card(0,0);
  }
  .sign_month {
    height: 50px;
    text-align: center;
    background-color:#5BB4E1;
  }
  .sign_date{
    font-size: 20px;
    color: white;
    line-height: 50px;
  }
  .sign_back{
    float: left;
    width: 32px;
    margin-top: 9px;
    .margin_left(1rem);
  }
  .sign_forward {
    float: right;
    width: 32px;
    margin-top: 9px;
    .margin_right(1rem);
  }
  .sign_day{
    width: 100%;
    height: 368px;
    .sign_s{
      display: inline-block;
        .size(50px, 50px);
      .margin_Remove();
      .padding_Remove;
      text-align: center;
      line-height: 50px;
    }
  }
  .sign_showDay{
    width: 100%;
    height: 318px;
    div{
      color: #6c6c6c;
      display: inline-block;
      .size(50px, 50px);
      .margin_Remove();
      .padding_Remove;
      text-align: center;
      line-height: 50px;
    }
  }
  .sign_re{
    background-image: url("../img/complete.png");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
  }









  //关注列表——最外层div
  .attention{
    .size(350px,auto);
    .margin(40px,auto);
    .card(0,0);
  }
  .attentionInfo{
    .padding(4px,16px);
    div{
      float: left;
      text-align: center;
      width: 50%;
      p:nth-child(1){
        font-size: 24px;
        .margin_top(4px);
        .margin_bottom(-4px);
      }
      p:nth-child(2){
        font-size: 22px;
        .margin_top(4px);
        .margin_bottom(8px);
      }
      .border_bottom(@handleColor,1px);
    }
  }
  .attUserList{
    height: 64px;
    position: relative;
    div{
      width: 64px;
      height: 64px;
      float: left;
    }
  }
  .attUserHeadPhoto{
    margin-left: 8px;
    width: 50px;
    .positionCenter(64px,50px);
  }
  .attUserName{
    color: #999999;
    line-height: 64px;
    float: left;
  }
  .attCanel{
    .btn_default(empty,80px,32px);
    .positionCenter(64px,32px);
    right: 16px;
  }



  .bodyBottom{
    width: 100%;
    background-color: #00aaff;
  }



}